<!--Cuando agrega, no se actualiza-->
<?php
    echo $this->Html->script('equipos.js');
    echo $this->Html->css('estilo_equipos.css');
    $todos = $datos['todos']; 
    $categorias = $datos['categorias'];
    $marcas = $datos['marcas'];
    $moneda = $datos['moneda'];
    $incremento = $datos['incremento'];
    $proveedor = $datos['proveedor'];
?>  
<div class="container">
    <div class="contenedor-tabla">
        <h3 class="titulo-form">CATALOGO DE EQUIPOS            
            <button class="btn btn-success agregar-modal" type="button" data-toggle="modal">
                Agregar Equipo
            </button>
            <button class="btn btn-info colores-modal" type="button" data-toggle="modal">
                Catalogo Colores
            </button>
        </h3>
        <div class="tres-botones">
            <div id="seleccion">Seleccione un registro</div>
            <button class="btn btn-small btn-primary modificar-modal" disabled="disabled">
                Modificar
            </button>
            <button class="btn btn-small btn-danger eliminar-modal" disabled="disabled">
                Eliminar
            </button>
        </div>
        <table class="table table-striped " id="tabla-principal">
            <thead>
                <tr>
                    <th class="header-id">Clave</th>
                    <th class="header-nom">Descripcion</th> 
                    <th class="header-marca">Marca</th> 
                    <th class="header-precio">Precio</th>                     
                    <th class="header-activo">Activo</th> 
                    <th class="header-fecha">Fecha Actualizacion</th> 
                </tr>
            </thead>
            <tbody>
                <?php foreach ($todos as $t) { ?>
                    <tr>
                        <td class="id-tabla"><?php echo $t['id']; ?></td>
                        <td class="descripcion-tabla"><?php echo $t['descripcion']; ?></td> 
                        <td class="marca-tabla"><?php echo $t['marca']; ?></td> 
                        <td class="precio-tabla"><?php echo $t['costo']; ?></td>   <!--Checar porque no existe-->                        
                        <td class="activo-tabla"><?php if($t['activo']==0)
                                                             echo 'No';
                                                       else 
                                                             echo 'Si';?></td>  
                        <td class="fecha-tabla"><?php echo $t['fecha']; ?></td>  
                    </tr>
                <?php } ?>
            </tbody>
            <tfoot>
                <tr>
                    <th>Todos</th><th>Todos</th><th>Todos</th><th></th><th></th><th></th>
                </tr>
            </tfoot>
        </table> 
        
    <!--</div>-->
    
</div>

 <div id="dlg-modal" class="dialogo-modal">
        <h3 class="titulo-modal"></h3>
        <div id='contenido'></div>
 </div>
<div id="contenido-forma">
    <form id="forma-modal">
         <div class="control-group">
                <label class="control-label" for="dlg-id">Clave Id:</label>
                <input class="control-forma" id="dlg-id" type="text" name="id" readonly="true"> 
                <input class="control-forma control-fecha" id="dlg-fecha" type="text" name="fecha" readonly="true">
                <label class="control-label control-fecha" for="dlg-fecha">Fecha Actualizacion:</label>
         </div>
         <div class="control-group">
                <label class="control-label" for="dlg-descripcion">Descripcion:</label>
                <input class="control-forma" id="dlg-descripcion" type="text" name="descripcion">                              
                <label class="control-label control-activo" id="dlg-activo-label" for="dlg-activo">Activo</label>                
                <input class="control-forma control-activo" id="dlg-activo" type="checkbox" name="activo">  
         </div>
         <div class="control-group">
                <label class="control-label" for="dlg-detalles">Detalles:</label>
                <input class="control-forma" id="dlg-detalles" type="text" name="detalles"> 
         </div>
         <div class="control-group">
                <label class="control-label" for="dlg-costo">Costo:</label>
                <input class="control-forma" id="dlg-costo" type="text" name="costo">
                <label class="control-label" for="dlg-costoinstal">Costo Instal:</label>
                <input class="control-forma" id="dlg-costoinstal" type="text" name="costoinstal">
                <label class="control-label moneda-label" for="dlg-moneda">Moneda:</label>
                <div class="dropdown control-moneda-menu" id="drop-moneda">
                    <a class="btn dropdown-toggle " data-toggle="dropdown" href="#" id="dlg-moneda" onclick="return false;"></a>
                    <input class="oculto" name="monedainput" id="monedainput">                    
                    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" id="dlg-moneda-menu">
                        <?php foreach($moneda as $moneda){?>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-moneda"><?php echo $moneda['nombre'];?></a></li>
                        <?php }?>
                    </ul>
                </div> 
        </div> 
         <div class="control-group"> 
                <label class="control-label factdeinc-label" for="dlg-factdeinc">Fact. de Inc.</label>
                <div class="dropdown control-factdeinc-menu" id="drop-factdeinc">
                    <a class="btn dropdown-toggle " data-toggle="dropdown" href="#" id="dlg-factdeinc" onclick="return false;"></a>
                    <input class="oculto" name="factdeincinput" id="factdeincinput">                    
                    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" id="dlg-factdeinc-menu">
                        <?php foreach($incremento as $incremento){?>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-factdeinc"><?php echo $incremento['descripcion'];?></a></li>
                        <?php }?>
                    </ul>
                </div> 
                <input class="control-forma control-factdeinc-input" id="dlg-factdeinc-input" type="text" name="factordeinc">
                <button class="btn btn-small color-btn btn-primary color-modal">
                    Color
                </button>
        </div>         
        <div class="control-group"> 
                <label class="control-label" for="dlg-marca">Marca:</label> 
                <div class="dropdown control-marca-menu" id="drop-marca">
                    <a class="btn dropdown-toggle " data-toggle="dropdown" href="#" id="dlg-marca" onclick="return false;"></a>
                    <input class="oculto" name="marcainput" id="marcainput">   
                    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" id="dlg-marca-menu">
                        <?php foreach($marcas as $marcas){?>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-marca"><?php echo $marcas['nombre'];?></a></li>
                        <?php }?>
                    </ul>
                </div> 
                <label class="control-label" for="dlg-proveedor">Proveedor:</label> 
                <div class="dropdown control-proveedor-menu" id="drop-proveedor">
                    <a class="btn dropdown-toggle " data-toggle="dropdown" href="#" id="dlg-proveedor" onclick="return false;"></a>
                    <input class="oculto" name="proveedorinput" id="proveedorinput">   
                    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" id="dlg-proveedor-menu">
                        <?php foreach($proveedor as $proveedor){?>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-proveedor"><?php echo $proveedor['nombre_comercial'];?></a></li>
                        <?php }?>
                    </ul>
                </div> 
        </div>        
         <div class="control-group">
                <label class="control-label" for="dlg-fotografia">Fotografia:</label>
                <input class="control-forma" id="dlg-fotografia" type="text" name="fotografia"> 
                <button class="btn btn-mini btn-dark foto-modal">
                    ...
                </button>
         </div>
         <div class="control-group">
                <label class="control-label" for="dlg-categoria">Categoria:</label>
                <div class="dropdown control-categoria-menu" id="drop-categoria">
                    <a class="btn dropdown-toggle " data-toggle="dropdown" href="#" id="dlg-categoria" onclick="return false;"></a>
                    <input class="oculto" name="categoriainput" id="categoriainput">   
                    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" id="dlg-categoria-menu">
                        <?php foreach($categorias as $categorias){?>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-categoria"><?php echo $categorias['nombre'];?></a></li>
                        <?php }?>
                    </ul>
                </div> 
         </div>
        <div class="control-group botones-modal">
                <div class="btn btn-success aceptar-modal validar-cliente"></div>
                <div class="btn btn-danger cancelar-modal"></div>
        </div>
    </form>
    <div id="confirmar-cambios-modal">
        <div id="borde-int-confirmar">
        </div>
    </div>
</div>
<script type="text/javascript">
    var rutaModificar = "<?php echo $this->Html->Url(array('controller' => 'Equipos', 'action' => 'modificarEquipos')); ?>";
    var rutaEliminar = "<?php echo $this->Html->Url(array('controller' => 'Equipos', 'action' => 'eliminarEquipos')); ?>";
    var rutaAgregar = "<?php echo $this->Html->Url(array('controller' => 'Equipos', 'action' => 'agregarEquipos')); ?>"; 
    var rutaObtenerFecha = "<?php echo $this->Html->Url(array('controller' => 'Equipos', 'action' => 'obtenFecha')); ?>";
    var todos = <?php echo json_encode($todos); ?>; 
    var categorias = <?php echo json_encode($categorias); ?>;
    var marcas = <?php echo json_encode($marcas); ?>;
    var moneda = <?php echo json_encode($moneda); ?>;
    var incremento = <?php echo json_encode($incremento); ?>;
    var proveedor = <?php echo json_encode($proveedor); ?>;
    var dialogo = $(document).find('#dialogo-modal');
    var id, arreglo, itabla, tabla;
    var activo = 0;
</script> 